<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>徐州精诚特卫保安服务有限公司</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/personnelAnalysis.css" rel="stylesheet">
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/style.js"></script>
    <script src="js/personnelAnalysis.js"></script>
    <script src="js/global.js"></script>
    <script src="js/echarts.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">OA系统</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="personnelAnalysis.html">人事管理</a></li>
                <!--<li><a href="marketingManager.html">营销管理</a></li>-->
                <li><a href="operationProjectManager.html">运营管理</a></li>
                <!--<li><a href="financialManager.html">财务管理</a></li>-->
                <li><a href="warehouseGoodsBaseInformation.html">采购管理</a></li>
                <li><a href="ManageDepartment.html">基本设置</a></li>
            </ul>
        </div>
    </div>
</nav>
<div class="container-fluid main-body">
    <div id="left-nav" class="">
        <div class="left-nav-userInfo">
            <div class="userHead">
                <a href="personnelCenter.html"><img class="userImg" src="imgs/user.png" href="personnelCenter.html" data-toggle="tooltip" data-placement="bottom" title="个人中心"></a>
            </div>
            <div class="userTitle">
                <p></p><span class="glyphicon glyphicon-log-out" data-toggle="tooltip" data-placement="top" title="注销" onclick="logout()" aria-hidden="true"></span>
            </div>
        </div>
        <ul class="left-nav-menu">
            <li class="left-nav-menu-li li-active">
                <a href="personnelAnalysis.html" class="menu-link">
                    <img src="imgs/addressbook_fill.png">
                    <div>人事分析</div>
                </a>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link">
                    <img src="imgs/brush.png">
                    <div>员工管理    <span class="glyphicon glyphicon-triangle-right"></span></div>
                </a>
                <ul class="sub-menu none">
                    <li class="sub-menu-li">
                        <a href="personnelList.html" class="sub-menu-link">
                            员工列表
                        </a>
                    </li>
                    <li class="sub-menu-li none">
                        <a href="personnelChange.html" class="sub-menu-link">
                            人事异动
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a href="personnelEmployeesLeave.html" class="sub-menu-link">
                            离职员工
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a href="personnelChangeCard.html" class="sub-menu-link">
                            员工换卡
                        </a>
                    </li>
                </ul>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link">
                    <img src="imgs/createtask.png">
                    <div>合同管理    <span class="glyphicon glyphicon-triangle-right"></span></div>
                </a>
                <ul class="sub-menu none">
                    <li class="sub-menu-li">
                        <a href="personnelContract.html" class="sub-menu-link">
                            人员合同
                        </a>
                    </li>
                </ul>
            </li>
            <li class="left-nav-menu-li" id="attendance-menu">
                <a class="menu-link">
                    <img src="imgs/kaoqin.png">
                    <div>考勤统计    <span class="glyphicon glyphicon-triangle-right"></span></div>
                </a>
                <ul class="sub-menu none">
                    <li class="sub-menu-li">
                        <a href="attendanceMonthSummary.html" class="sub-menu-link">
                            月度汇总
                        </a>
                    </li>
                    <li class="sub-menu-li ">
                        <a href="attendanceDailyStatistics.html" class="sub-menu-link">
                            每日统计
                        </a>
                    </li>
                    <li class="sub-menu-li none">
                        <a href="attendancePunchTime.html" class="sub-menu-link">
                            打卡时间
                        </a>
                    </li>
                    <li class="sub-menu-li ">
                        <a href="attendanceOriginalRecord.html" class="sub-menu-link">
                            原始记录
                        </a>
                    </li>
                </ul>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link">
                    <img src="imgs/coupons.png">
                    <div>薪资管理    <span class="glyphicon glyphicon-triangle-right"></span></div>
                </a>
                <ul class="sub-menu none">
                    <li class="sub-menu-li" id="salaryGenerateAndUpdate-menu">
                        <a href="salaryGenerateAndUpdate.html" class="sub-menu-link">
                            生成及修改
                        </a>
                    </li>
                    <li class="sub-menu-li" id="salaryQuery-menu">
                        <a href="salaryQuery.html" class="sub-menu-link">
                            薪资查看
                        </a>
                    </li>
                    <li class="sub-menu-li" id="salaryBaseUpdateInBatch-menu">
                        <a href="salaryBaseUpdateInBatch.html" class="sub-menu-link">
                            基本工资修改
                        </a>
                    </li>
                    <li class="sub-menu-li" id="salaryProject-menu">
                        <a href="salaryProject.html" class="sub-menu-link">
                            项目工资
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <div id="page-empolyee-list" class="right-panel">
        <div class="nav-path">
            <div class="path-title">
                <ul class="path-ul">
                    <li>人事分析</li>
                </ul>
            </div>
        </div>
        <div class="main-body-content">
            <div class="top-body">
            </div>
            <div class="table-body">
                <div class="echartsDiv col-xs-4" id="sexEcharts" style="height: 450px"></div>
                <div class="echartsDiv col-xs-4" id="ageEcharts" style="height: 450px"></div>
                <div class="echartsDiv col-xs-4" id="educationEcharts" style="height: 450px"></div>
            </div>
            <div class="page-body">
            </div>
        </div>
    </div>
</div>
</body>
</html>